<template>
	<view class="view">
		<view class="img">
			<image src="/static/pay.png"></image>
		</view>
		<view class="text"><p>支付成功</p></view>
		<view class="btn">
			<view class="btn1">
				<button style="background-color: #F8BC38;" @click="toIndex">返回首页</button>
			</view>
			<view class="btn2">
				<button style="background-color: #F8BC38;" @click="tobabyPic">宝贝相册</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			this.tobabyPicture()
		},
		methods: {
			//跳转首页
			toIndex(){
				uni.switchTab({
						url:'/pages/index/index'
					})
				
			},
			//跳转宝贝相册
			tobabyPic(){
				uni.$common.navigateTo("/subpkg/parent/babypicture/babypicture")
			},
			
			//默认跳转
				
			tobabyPicture(){
				setTimeout(() => {
					uni.$common.navigateTo("/subpkg/parent/babypicture/babypicture")
					
				}, 2000);
			}
			
				
		}
	}
</script>

<style lang="scss">
	.view{
		background-color: #fff;
		position: fixed;
		top:0;
		left: 0%;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.img{
		width: 400rpx;
		height: 400rpx;
		margin: auto;
		margin-top: 200rpx;
		
	}
	.img image{
		width: 100%;
		height: 100%;
	}
	.text{
		text-align: center;
		margin-top: 30rpx;
		font-size: 50rpx;
		font-weight: 800;
	}
	.btn{
		position: fixed;
		bottom: 0rpx;
		width: 100%;
		height: 150rpx;
		
		border-top: 1px solid #c5cac4;
		
	}
	.btn1{
		position: fixed;
		width: 50%;
		height: 200rpx;
		left: 0rpx;
		
	}
	.btn1 button{
		width: 80%;
		border: 1px solid #F5BF46;
		border-radius: 30px;
		margin-top: 30rpx;
		color: #fff;
	}
	.btn2{
		position: fixed;
		width: 50%;
		height: 200rpx;
		right: 0rpx;
		
	}
	.btn2 button{
		width: 80%;
		border: 1px solid #F5BF46;
		border-radius: 30px;
		margin-top: 30rpx;
		color: #fff;
	}
</style>
